{% macro head(tpl) %}
<!DOCTYPE html>
<html lang="cn">
<head>
    <meta http-equiv="Content-Type" content="text/html" charset="UTF-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
    <title>Title-common{{tpl.html}}</title>
    <meta name="useragent" content="{{tpl.useragent}}"/>
    <meta name="HandheldFriendly" content="True"/>
    <meta name="MobileOptimized" content="320"/>
    <meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1, maximum-scale=1, minimal-ui"/>
    <meta name="pinterest" content="nopin"/>

    <meta http-equiv="cleartype" content="on"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <meta name="apple-mobile-web-app-status-bar-style" content="black"/>
    <meta name="apple-mobile-web-app-title" content="Ghost"/>

    <meta name="application-name" content="Ghost"/>
    <meta name="msapplication-TileColor" content="#ffffff"/>

    <base href="{{tpl.baseurl}}/public/"/>
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="layui/css/layui.css">
</head>
<body>
{% endmacro %}

{% macro jslib() %}
<script src="layui/layui.js"></script>
{% endmacro %}

{% macro foot() %}
</body>
</html>
{% endmacro %}

{% macro header() %}
<header class="header">
    <div class="logo"><img
            src="">
    </div>
    <ul class="linklist"></ul>
    <ul class="nav fr cf">
        <li class="header-user">
            <div class="userinfo"><img
                    src=""
                    alt="" class="f-avatar"> <span class="f-name ng-binding">1000010001</span> <i
                    class="icon icon-024"></i></div>
            <ul class="menu">
                <li><a href="/home" class="">Password</a></li>
                <li><a href="/login" class="">Logout</a></li>
            </ul>
        </li>
    </ul>
</header>
{% endmacro %}

{% macro side(tpl) %}
    <div class="master-siderbar">
        <ul>
            {% for item in tpl.sidelist %}
                {% if item.url!=tpl.active_nav %}
                <li>
                {% elif item.url==tpl.active_nav %}
                    <li class="router-link-active">
                {% endif %}
                    <a href="/wxing/{{item.url}}" class="">
                    <i class="icon {{item.init.icon}}"></i>
                    <span class="nav-title">{{item.name}}</span>
                </a>
            </li>
        {% endfor %}
        </ul>
    </div>
{% endmacro %}


